
#wrap {}

#header {height:30px;background:#575757;}
#header .logo {float:left;padding:7px 0 0 10px;}
#header .logout {float:right;padding:7px 10px 0 0;}


#container .mtitle {width:100%;border-bottom:#dfdfdf dashed 1px;margin:10px 0 5px 0;padding:0 0 10px 0;}
#container .mtitle .xl {float:left;padding:3px 0 0 16px;}
#container .mtitle .xl a {font-size:11px;font-family:arial;color:#c0c0c0;letter-spacing:1px;}
#container .mtitle .xr {float:right;padding:0 17px 0 0;}

#container {width:100%;}
#container .allmodule {}
#container .module {float:left;width:54px;border:#efefef solid 3px;background:#ffffff;margin:12px 0 0 14px;padding:1px;}
#container .module .icon {height:54px;}
#container .module .icon img {width:54px;height:54px;}
#container .module .name {position:absolute;background:#000000;height:14px;padding:3px 1px 0 1px;margin:37px 0 0 0;text-align:center;filter:alpha(opacity=60);opacity:0.6;}
#container .module .name span {display:block;width:52px;height:11px;overflow:hidden;font-family:dotum;font-size:11px;color:#fff;letter-spacing:-1px;}
#container .module .name:hover{}
#container .module .nselected {background:#ff0000;filter:alpha(opacity=70);opacity:0.7;}
#container .module:hover {border:#c0c0c0 solid 3px;padding:1px;}
#container .selected,.snb .allmodule .selected:hover {border:#FA6F5C solid 3px;padding:1px;}
#container .none {padding:50px 0 50px 0;text-align:center;line-height:160%;color:#999;}

#container .tab01 {height:34px;border-bottom:#d0d0d0 solid 1px;padding:10px 0 0 0;}
#container .tab01 ul {float:left;margin:0;padding:0;position:relative;left:1px;display:inline-block;}
#container .tab01 li {cursor:pointer;height:27px;position:relative;top:6px;margin-right:-1px;float:left;background:url('./image/bg_tab_off.jpg') top repeat-x;list-style-type:none;padding:0 10px 0 10px;border-top:#E7E7E7 solid 1px;border-left:#E7E7E7 solid 1px;z-index:1;}
#container .tab01 li:hover {background:url('./image/bg_tab_on.jpg') top repeat-x;}
#container .tab01 li span {position:relative;top:7px;text-decoration:none;color:#908F8F;letter-spacing:-1px;}
#container .tab01 ul .on {height:33px;top:1px;background:url('./image/bg_tab_on.jpg') top #ffffff repeat-x;padding:0 10px 0 10px;border-left:#d0d0d0 solid 1px;border-top:#d0d0d0 solid 1px;border-right:#d0d0d0 solid 1px;z-index:2;}
#container .tab01 ul .on:hover {}
#container .tab01 ul .on span {position:relative;top:12px;color:#25BBB2;font-weight:bold;}
#container .tab01 ul .wall {cursor:none;border-left:#dfdfdf solid 1px;border-top:transparent solid 1px;background:transparent;_border-top:#ffffff solid 1px;_background:#ffffff;}
#container .tab01 .more {float:right;text-align:right;padding:15px 10px 0 0;}
#container .loc1 {padding:10px 0 0 5px;font:normal 11px dotum;color:#999;}

#container .cwrap {padding:20px 5px 20px 5px;}

#container .cwrap .notice {padding:35px 0 0 15px;border-top:#dfdfdf dashed 1px;}
#container .cwrap .notice .icon {float:left;width:60px;height:60px;border:#efefef solid 1px;}
#container .cwrap .notice .ment {margin:0 0 0 70px;font-size:11px;font-family:dotum;color:#02B6D6;line-height:150%;}
#container .cwrap .notice .ment div {font-weight:bold;color:#333;padding:2px 0 10px 0;}
#container .cwrap .notice .ment div span {font-weight:normal;color:#888;padding:0 0 0 3px;}
#container .cwrap .notice .del {font-size:11px;color:#0000ff;text-decoration:underline;padding:0 0 0 5px;}

#footer {border-top:#dfdfdf solid 1px;margin:20px 0 10px 0;padding:20px 10px 10px 10px;text-align:center;}
#footer p {font-size:11px;font-family:arial;color:#c0c0c0;line-height:160%;}
#footer p a {font-size:10px;color:#c0c0c0;text-decoration:none;}

